<template>
      
   <div class="Publish">
    <div id="hidebg" v-show="$store.state.publishShow">
    </div>
    <PublishTop></PublishTop>
    <br>
    <PublishBody></PublishBody>

     
   </div>
</template>

<script>
import PublishTop from "@/components/publish/PublishTop.vue"
import PublishBody from "@/components/publish/PublishBody.vue"
export default {
        name:"App",
        components:{
          PublishTop,PublishBody
        },
        
}
</script>

<style scoped>
*{
padding: 0;
margin: 0;
}
body,html{    
width: 100%;
height: 100%;

}
.Publish{
width: 100%;
height: 100%;
}
#hidebg {
position:absolute;left:0px;top:0px; 
background-color:#000; 
width:100%;  /*宽度设置为100%，这样才能使隐藏背景层覆盖原页面*/    
height: 800px;
filter:alpha(opacity=60);  /*设置透明度为60%*/ 
opacity:0.4;  /*非IE浏览器下设置透明度为60%*/ 

z-Index:4;



}


  

</style>